<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
    String path = request.getContextPath();
    if (path.length() > 0) path = path.substring(0, path.length() - 1);
%>
<jsp:include flush="true" page="/view/inc/incTop.jsp"/>
<!-- head-->

<!--body-->
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-offset-0 col-lg-12">
            <div>
                <div id="carousel1" class="carousel slide" style="height:260px">
                    <div class="carousel-inner" style="height:260px">
                        <div class="item"><img class="img-responsive" src="images/index4.png" width="100%"></div>
                        <div class="item active"><img class="img-responsive" src="images/index2.jpg" width="100%"></div>
                        <div class="item"><img class="img-responsive" src="images/index3.jpg" width="100%"></div>
                    </div>
                    <a class="left carousel-control" href="#carousel1" data-slide="prev"><span class="icon-prev"></span></a>
                    <a class="right carousel-control" href="#carousel1" data-slide="next"><span
                            class="icon-next"></span></a></div>
            </div>
        </div>
    </div>
</div>
<hr>
<h2 class="text-center">热门点卡 </h2>
<div class="container">
    <div class="row text-center">
        <s:iterator value="#request.goodList" var="good">
            <div class="col-sm-2 col-md-2 col-lg-2 col-xs-3" style="padding:6px">
                <div class="thumbnail"><img style="height: 120px;" src="<%=path %><s:property value="#good.goodPic"/>"
                                            alt="Thumbnail Image 1" class="img-responsive">
                    <div class="caption">
                        <h4 style="height: 20px;overflow: hidden;"><s:property value="#good.goodName"/></h4>
                        <p>￥：<s:property value="#good.goodPrice"/></p>
                        <p><a href="<%=path %>/good/goodDetail.action?goodId=<s:property value="#good.goodId"/>"
                              class="btn btn-primary" role="button">
                            <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> 购买</a>
                        </p>
                    </div>
                </div>
            </div>
        </s:iterator>
    </div>
</div>
<hr>
<h2 class="text-center">最新点卡</h2>
<div class="container">
    <div class="row text-center">
        <s:iterator value="#request.goodNormalList" var="good">
            <div class="col-sm-2 col-md-2 col-lg-2 col-xs-3" style="padding:6px">
                <div class="thumbnail"><img style="height: 120px;" src="<%=path %><s:property value="#good.goodPic"/>"
                                            alt="Thumbnail Image 1" class="img-responsive">
                    <div class="caption">
                        <h4 style="height: 20px;overflow: hidden;"><s:property value="#good.goodName"/></h4>
                        <p>￥：<s:property value="#good.goodPrice"/></p>
                        <p><a href="<%=path %>/good/goodDetail.action?goodId=<s:property value="#good.goodId"/>"
                              class="btn btn-primary" role="button">
                            <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>购买</a>
                        </p>
                    </div>
                </div>
            </div>
        </s:iterator>
    </div>
</div>

<!--body-->


<!--foot -->
<jsp:include flush="true" page="/view/inc/incFoot.jsp"/>
<!--foot -->	
